<template>
    <div>
        <h1>联系人</h1>
        <ul>
            <!-- 路由导航自定义标签 -->
            <RouterLink custom v-bind:to="`/chat/${f.id}`" v-for="f in props.friends" v-slot="{navigate,href,isActive}">
                <li @click="navigate">{{f.name}}</li>
            </RouterLink>
        </ul>
    </div>
</template>

<script setup>
let props=defineProps({
    friends:{
        type:Array
    }
})
</script>

<style lang="scss" scoped>

</style>